// $(function () {//页面加载完成执行里面的代码
layui.use('form', function () {//页面加载完成执行里面的代码
    var form = layui.form;//如果我们要用layui的form表单，则需要加这句话

    // 创建具有某些属性的对象
    // let myObject = new Object();
    // myObject.name = "James";
    // myObject.age = "22";
    // myObject.phone = "555 1234";
    // // 枚举（循环）对象的所有属性
    // for (let prop in myObject) {    // 显示 "The property 'name' is James"，等等。
    //     window.alert("The property '" + prop + "' is " + myObject[prop]);
    // }

    //表单的目的就是为了拿到里面的数据
    // window.alert("aaaa");
    // window.prompt("请输入你的账号", function (data) {
    // if (data == 1) {
    // console.log(data)
    // }else if(data==2){
    // console.log(data)
    // }else if(data==3){
    // console.log(data)
    // }
    // switch (data) {
    //     case 1:
    //         console.log(data)
    //         break;
    //     case 2:
    //         console.log(data)
    //         break;
    //     case 3:
    //         console.log(data)
    //         break;
    //     default:
    //         console.log("不能存在")
    //         break
    // }
    // })
    // layer.msg('玩命卖萌中', {icon: 5}, function () {
    //     //关闭后的操作
    // });
    //监听提交
    //on就是对某个对象设置一个监听事件，
    // 后面第一个参数，就是监听事件的名词，
    // 第二个参数就是要做什么事情
    // let home=document.getElementById("#home");
    // home.addEventListener("click",function () {
    //
    // })
    // home.on("click",function (data) {
    //     window.location.href="home.html";
    // })

    //这里的监听submit对应的是lay-submit
    // login对应的是login
    form.on('submit(login)', function (data) {
        // alert(888)
        // console.log(data.field);//将data打印到控制台，data表示整个表单
        // data.field,//表示只拿到里面我们需要的数据
        // console.log(JSON.stringify(data.field));
        // data.field表示json对象
        // JSON.stringify(data.field)将json对象转换为字符串
        //这么判断它是字符串呢？
        // console.log(typeof data.field);
        // console.log(typeof JSON.stringify(data.field));
        // typeof 判断数据类型
        //以后无论是前端还是后端，数据传输必须是对象，
        // layer.msg(JSON.stringify(data.field), function () {
        // location.href = 'index.html'
        // });
        //return false;不要刷新页面，如果是type="submit"，则点击后会刷新页面，
        // type="submit"表示点击后，提交当前form表单的数据，到后台
        //我们这里不需要通过表单提交数据，我们通过json对象提交，这里涉及到ajax
        // $.ajax({
        //     url: '',
        //     data: '',
        //     type: '',
        //     dataType: '',
        //     success: function (res) {
        //
        //     }
        // });
        $.ajax({
            url: '/login',//对应servlet的注解地址
            data: data.field,//需要传递给后台的数据：我们要把username，password，code传递过去
            type: 'post',//对应Java后台的方法
            dataType: 'json',//以后全部默认为json对象
            success: function (res) {//success成功，调用后台成功返回，res表示返回的数据
                // 返回后你要做什么事情，根据结果我们 做相应的处理

                console.log(res);
                if (res.msg == 'error-code') {
                    // console.log("验证码错误");
                    layer.msg("验证码错误");
                }
                if (res.msg == 'success') {
                    // console.log("登录成功");
                    layer.msg("登录成功");
                    sessionStorage.setItem("username", data.field.username);
                    location.href = 'index.html'
                }
                if (res.msg == 'error') {
                    layer.msg("用户名或者密码错误");
                    // console.log("用户名或者密码错误");
                }
            }
        });
        return false;
    });
    // form.on('submit(aa)', function (data) {
    //     alert(888)
    // layer.msg(JSON.stringify(data.field), function () {
    //     location.href = 'index.html'
    // });
    // return false;
    // });
});
// })
